@charset "utf-8";
.logo{
	animation:logo 0.5s linear infinite;
	-moz-animation:logo 0.5s  linear infinite;
	-ms-animation:logo 0.5s  linear infinite;
	-o-animation:logo 0.5s  linear infinite;
	-webkit-animation:logo 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
@-moz-keyframes logo {0% {opacity:0;top:35px;}100% {opacity:1;top:15px;}} 
@-o-keyframes logo {0% {opacity:0;top:35px;}100% {opacity:1;top:15px;}} 
@-webkit-keyframes logo{0% {opacity:0;top:35px;}100% {opacity:1;top:15px;}} 
@-ms-keyframes logo {0% {opacity:0;top:35px;}100% {opacity:1;top:15px;}} 
.menu ul li:hover .menu_hover{
	animation:menu 0.5s linear infinite;
	-moz-animation:menu 0.5s  linear infinite;
	-ms-animation:menu 0.5s  linear infinite;
	-o-animation:menu 0.5s  linear infinite;
	-webkit-animation:menu 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	}
@-moz-keyframes menu {0% {opacity:0;top:30px;}100% {opacity:1;top:50px;}} 
@-o-keyframes menu {0% {opacity:0;top:30px;}100% {opacity:1;top:50px;}} 
@-webkit-keyframes menu{0% {opacity:0;top:30px;}100% {opacity:1;top:50px;}} 
@-ms-keyframes menu {0% {opacity:0;top:30px;}100% {opacity:1;top:50px;}} 


.index_about_con1 ul li h4{
	animation:about 0.5s linear infinite;
	-moz-animation:about 0.5s  linear infinite;
	-ms-animation:about 0.5s  linear infinite;
	-o-animation:about 0.5s  linear infinite;
	-webkit-animation:about 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	}
.index_about_con1 ul li:hover h4{
	animation:about1 0.5s linear infinite;
	-moz-animation:about1 0.5s  linear infinite;
	-ms-animation:about1 0.5s  linear infinite;
	-o-animation:about1 0.5s  linear infinite;
	-webkit-animation:about1 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	}
@-moz-keyframes about {0% {left:-150px;}100% {left:0px;}} 
@-o-keyframes about {0% {left:-150px;}100% {left:0px;}} 
@-webkit-keyframes about{0% {left:-150px;}100% {left:0px;}} 
@-ms-keyframes about {0% {left:-150px;}100% {left:0px;}}
@-moz-keyframes about1 {0% {left:0px;}100% {left:-150px;}} 
@-o-keyframes about1 {0% {left:0px;}100% {left:-150px;}} 
@-webkit-keyframes about1{0% {left:0px;}100% {left:-150px;}} 
@-ms-keyframes about1 {0% {left:0px;}100% {left:-150px;}}

.index_about_con1_con{
	animation:about2 0.5s linear infinite;
	-moz-animation:about2 0.5s  linear infinite;
	-ms-animation:about2 0.5s  linear infinite;
	-o-animation:about2 0.5s  linear infinite;
	-webkit-animation:about2 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
.index_about_con1 ul li:hover .index_about_con1_con{
	animation:about3 0.5s linear infinite;
	-moz-animation:about3 0.5s  linear infinite;
	-ms-animation:about3 0.5s  linear infinite;
	-o-animation:about3 0.5s  linear infinite;
	-webkit-animation:about3 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	}
@-moz-keyframes about2 {0% {bottom:0px;}100% {bottom:-100%;}} 
@-o-keyframes about2 {0% {bottom:0px;}100% {bottom:-100%;}} 
@-webkit-keyframes about2{0% {bottom:0px;}100% {bottom:-100%;}} 
@-ms-keyframes about2 {0% {bottom:0px;}100% {bottom:-100%;}}
@-moz-keyframes about3 {0% {bottom:-100%;}100% {bottom: 0px;}} 
@-o-keyframes about3 {0% {bottom:-100%;}100% {bottom: 0px;}} 
@-webkit-keyframes about3{0% {bottom:-100%;}100% {bottom: 0px;}} 
@-ms-keyframes about3 {0% {bottom:-100%;}100% {bottom: 0px;}}

.pic img,.product_pic img{
	transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition:0.3s ease-in;
	-o-transition:0.3s ease-in;
	-moz-transition:0.3s ease-in;
	-ms-transition:0.3s ease-in;
	-webkit-transition:0.3s ease-in;
}

.index_product_con ul li:hover img,.product ul li:hover img{
	transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transition:0.5s ease-in;
	-o-transition:0.5s ease-in;
	-moz-transition:0.5s ease-in;
	-ms-transition:0.5s ease-in;
	-webkit-transition:0.5s ease-in;
}
.picScroll-left .bd ul li p,.product ul li p{
	animation:product 0.5s linear infinite;
	-moz-animation:product 0.5s  linear infinite;
	-ms-animation:product 0.5s  linear infinite;
	-o-animation:product 0.5s  linear infinite;
	-webkit-animation:product 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
.picScroll-left .bd ul li:hover p,.product ul li:hover p{
	animation:product1 0.5s linear infinite;
	-moz-animation:product1 0.5s  linear infinite;
	-ms-animation:product1 0.5s  linear infinite;
	-o-animation:product1 0.5s  linear infinite;
	-webkit-animation:product1 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
@-moz-keyframes product {0% {background: #772d2e; color: #fff;}100% {color: #000; background: #dedede;}} 
@-o-keyframes product {0% {background: #772d2e; color: #fff;}100% {color: #000; background: #dedede;}} 
@-webkit-keyframes product{0% {background: #772d2e; color: #fff;}100% {color: #000; background: #dedede;}} 
@-ms-keyframes product {0% {background: #772d2e; color: #fff;}100% {color: #000; background: #dedede;}}
@-moz-keyframes product1 {0% {color: #000; background: #dedede;}100% {background: #772d2e; color: #fff;}} 
@-o-keyframes product1 {0% {color: #000; background: #dedede;}100% {background: #772d2e; color: #fff;}} 
@-webkit-keyframes product1{0% {color: #000; background: #dedede;}100% {background: #772d2e; color: #fff;}} 
@-ms-keyframes product1 {0% {color: #000; background: #dedede;}100% {background: #772d2e; color: #fff;}}


.index_about3_content1_hover,.index_about3_content2_hover,.index_about3_content3_hover,.index_about3_content4_hover,.index_about3_content5_hover{
	animation:about4 0.5s linear infinite;
	-moz-animation:about4 0.5s  linear infinite;
	-ms-animation:about4 0.5s  linear infinite;
	-o-animation:about4 0.5s  linear infinite;
	-webkit-animation:about4 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
.index_about3_content51:hover .index_about3_content5_hover,.index_about3_content41:hover .index_about3_content4_hover,.index_about3_content31:hover .index_about3_content3_hover,.index_about3_content21:hover .index_about3_content2_hover,.index_about3_content11:hover .index_about3_content1_hover{
	animation:about5 0.5s linear infinite;
	-moz-animation:about5 0.5s  linear infinite;
	-ms-animation:about5 0.5s  linear infinite;
	-o-animation:about5 0.5s  linear infinite;
	-webkit-animation:about5 0.5s  linear infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-0-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}

@-moz-keyframes about5 {0% {opacity: 0;}100% {opacity:1;}} 
@-o-keyframes about5 {0% opacity: 0;}100% {opacity:1;}} 
@-webkit-keyframes about5{0% {opacity: 0;}100% {opacity:1;}} 
@-ms-keyframes about5 {0% {opacity: 0;}100% {opacity:1;}}
@-moz-keyframes about4 {0% {opacity:1;}100% {opacity:0;}} 
@-o-keyframes about4 {0% {opacity:1;}100% {opacity:0;}} 
@-webkit-keyframes about4{0% {opacity:1;}100% {opacity:0;}} 
@-ms-keyframes about4 {0% {opacity:1;}100% {opacity:0;}}


.shensuo{
	animation:shensuo 1.5s forwards; 
	-webkit-animation:shensuo 1.5s forwards;
	}
.upIntwo{
	animation:upIntwo 1.5s forwards;
	-webkit-animation:upIntwo 1.5s forwards; 
	}
.downIn{ 
	animation:downIn 1.5s forwards;  
	-webkit-animation:downIn 1.5s forwards;
	}
.downInslow{
	animation:downInslow 1.5s forwards;  
	-webkit-animation:downInslow 1.5s forwards;
	}
.widthIn{ 
	animation:widthIn 2s forwards; 
	-webkit-animation:widthIn 1.5s forwards;
	}
.opacityIn { 
	animation:opacityIn 2s forwards; 
	-webkit-animation:opacityIn 2s forwards;
	}
.leftIn{ 
	animation:leftIn 1s forwards; 
	-webkit-animation:leftIn 1s forwards; 
	}
.rightIn { 
	animation:rightIn 1s forwards; 
	-webkit-animation:rightIn 1s forwards;
	}

@keyframes opacityIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes opacityIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}



@-webkit-keyframes widthIn{
	0%{
		opacity:0;
		width:100px;
		left:200px;
	}
	100%{
		opacity:1;
		width:1020px;
		left:0px;
	}
}
@keyframes widthIn{
	0%{
		opacity:0;
		width:100px;
		left:200px;
	}
	100%{
		opacity:1;
		width:1020px;
		left:0px;
	}
}

@-webkit-keyframes leftIn{
	0%{
		opacity:0;
		-webkit-transform:translateX(-40px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}
@keyframes leftIn{
	0%{
		opacity:0;
		  -moz-transform:translateX(-40px);
		   -ms-transform:translateX(-40px);
		       transform:translateX(-40px);
	}
	100%{
		opacity:1;
		   -moz-transform:translateX(0);
		    -ms-transform:translateX(0);
		        transform:translateX(0);
	}
}

@-webkit-keyframes rightIn{
	0%{
		opacity:0;
		-webkit-transform:translateX(40px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}
@keyframes rightIn{
	0%{
		opacity:0;
		-moz-transform:translateX(40px);
		 -ms-transform:translateX(40px);
		     transform:translateX(40px);
	}
	100%{
		opacity:1;
		-moz-transform:translateX(0);
		 -ms-transform:translateX(0);
		     transform:translateX(0);
	}
}



@-webkit-keyframes shensuo{
	0%{
		-webkit-transform:scaleX(0.9);
	}
	100%{
		-webkit-transform:translateY(1);
	}
}
@keyframes shensuo{
	0%{
		-moz-transform:scaleX(0.9);
		 -ms-transform:scaleX(0.9);
		     transform:scaleX(0.9);
	}
	100%{
		-moz-transform:translateY(1);
		 -ms-transform:translateY(1);
		     transform:translateY(1);
	}
}

@-webkit-keyframes upIn{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes upIn{
	0%{
		opacity:0;
		-moz-transform:translateY(-20px);
		 -ms-transform:translateY(-20px);
		     transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0);
		 -ms-transform:translateY(0);
		     transform:translateY(0);
	}
}

@-webkit-keyframes upIntwo{
	0%{
		opacity:0;
		-webkit-transform:translateY(-40px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes upIntwo{
	0%{
		opacity:0;
		-moz-transform:translateY(-40px);
		 -ms-transform:translateY(-40px);
		     transform:translateY(-40px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0);
		 -ms-transform:translateY(0);
		     transform:translateY(0);
	}
}


@-webkit-keyframes downIn{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes downIn{
	0%{
		opacity:0;
		-moz-transform:translateY(40px);
		 -ms-transform:translateY(40px);
		     transform:translateY(40px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0);
		 -ms-transform:translateY(0);
		     transform:translateY(0);
	}
}
@-webkit-keyframes downInslow{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes downInslow{
	0%{
		opacity:0;
		-moz-transform:translateY(20px);
		 -ms-transform:translateY(20px);
		     transform:translateY(20px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0);
		 -ms-transform:translateY(0);
		     transform:translateY(0);
	}
}


@-webkit-keyframes tipupIn{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0px);
	}
}
@keyframes tipupIn{
	0%{
		opacity:0;
		-moz-transform:translateY(-20px);
		 -ms-transform:translateY(-20px);
		     transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0px);
		 -ms-transform:translateY(0px);
		     transform:translateY(0px);
	}
}